<!DOCTYPE html>
<head>
<title>led字符代码生成器</title>
</head>
<style>
button{
    width: 25px;
    height: 50px;
    padding: 0px;
    margin: 2px;
}
div{
    margin: 2px;
}
.bjys{
    background-color: aqua;
}
</style>
<script>
    var sz=[];
    var JG;
    window.onload=function(){
        JG=document.getElementById('zj_jieguo');
    }

    function f_dj(a){
        let zhi=a.value;
       

        for(let i=0;i<sz.length;i++){
            if(sz[i]==zhi){
                sz.splice(i,1);
                a.removeAttribute('class','bjys');
                scDM();
                return;
            }
        }
        a.setAttribute('class','bjys');
        sz.push(zhi);
        scDM();
        
    }

    function scDM(){
        let jgzfc='';
        for(let i=0;i<sz.length;i++){
            if(i==0){
                jgzfc=sz[i];
            }else{
                jgzfc+=","+sz[i];
            }
        }
        if(jgzfc){
            jgzfc+=',0';
        }else{
            jgzfc='0';
        }
        JG.innerHTML="code uchar 变量名[]={"+jgzfc+"};";
    }
</script>
<body>
<div>
    <button onclick="f_dj(this);" value="8">8</button>  
    <button  onclick="f_dj(this);" value="7">7</button>
    <button  onclick="f_dj(this);" value="6">6</button>
    <button  onclick="f_dj(this);" value="5">5</button>
    <button  onclick="f_dj(this);" onclick="f_dj(this);"  value="4">4</button>
    <button  onclick="f_dj(this);" value="3">3</button>
    <button  onclick="f_dj(this);" value="2">2</button>
    <button  onclick="f_dj(this);" value="1">1</button>
</div>
<div>
    <button  onclick="f_dj(this);" value="16">16</button>  
    <button  onclick="f_dj(this);" value="15">15</button>
    <button  onclick="f_dj(this);" value="14">14</button>
    <button  onclick="f_dj(this);" value="13">13</button>
    <button  onclick="f_dj(this);" value="12">12</button>
    <button  onclick="f_dj(this);" value="11">11</button>
    <button  onclick="f_dj(this);" value="10">10</button>
    <button  onclick="f_dj(this);" value="9">9</button>
</div>
<div>
    <button onclick="f_dj(this);"  value="24">24</button>  
    <button onclick="f_dj(this);"  value="23">23</button>
    <button onclick="f_dj(this);"  value="22">22</button>
    <button onclick="f_dj(this);"  value="21">21</button>
    <button onclick="f_dj(this);"  value="20">20</button>
    <button  onclick="f_dj(this);" value="19">19</button>
    <button  onclick="f_dj(this);" value="18">18</button>
    <button onclick="f_dj(this);"  value="17">17</button>
</div>
<div>
    <button onclick="f_dj(this);"  value="32">32</button>  
    <button onclick="f_dj(this);"  value="31">31</button>
    <button onclick="f_dj(this);"  value="30">30</button>
    <button onclick="f_dj(this);"  value="29">29</button>
    <button onclick="f_dj(this);"  value="28">28</button>
    <button onclick="f_dj(this);"  value="27">27</button>
    <button  onclick="f_dj(this);" value="26">26</button>
    <button  onclick="f_dj(this);" value="25">25</button>
</div>
<div>
<br><br>
    <button style="width: 50px;" onclick="location.reload();">清空</button>
</div>
<hr>
结果：
<div style="overflow-x: auto;" id="zj_jieguo">

</div>

</body>
</html>